<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/inc/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<jsp:include page="/WEB-INF/views/inc/includeHeader.jsp"></jsp:include>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="${ctx}/resources/css/login.css" rel="stylesheet"
	type="text/css" />
<script src="${ctx}/resources/js/login.js" type="text/javascript"
	charset="utf-8"></script>
<title>登录和注册</title>
</head>
<body>
	<div class="center_bg"></div>
	<div class="center ">
		<!--<img src="img/1-12.png" />-->
		<div class="login">
			<ul class="nav nav-tabs" role="tablist">
				<li role="presentation" class="active"><a href="#li1"
					aria-controls="li1" role="tab" data-toggle="tab"> 登录</a></li>
				<li role="presentation"><a href="#li2" aria-controls="li2"
					role="tab" data-toggle="tab">注册</a></li>
			</ul>
			<!-- Tab panes -->
			<div class="tab-content">
				<div role="tabpanel" class="tab-pane active" id="li1">
					<div class="panel panel-default">
						<div class="li11">
							<!-- 登录 -->
							<form id="loginForm">
								<!--<p style="font:'楷体';font-size:24px;">请登录账号</p>-->
								<br /> <br />
								<table>
									<tr>
										<td style="font-size: 20px;">邮箱：</td>
										<td style="width: 300px; position: relative;"><input
											type="text" name="email"
											style="width: 88%; height: 40px; border-radius: 4px;" /></td>
									</tr>
									<tr style="height: 25px;"></tr>
									<tr>
										<td style="font-size: 20px;">密码：</td>
										<td style="position: relative;"><input type="password"
											name="password"
											style="width: 88%; height: 40px; border-radius: 4px;" /></td>
									</tr>
									<tr style="height: 25px;"></tr>
									<tr>
										<td style="font-size: 20px;">验证码：</td>
										<td style="position: relative;"><input type="text"
											id="loginValidateCode" name="loginValidateCode"
											style="width: 38%; height: 40px; border-radius: 4px;" /> <img
											id="loginValidateCodeImg" alt="验证码"
											src="${ctx}/userAccount/validateCode"
											style="position: absolute; left: -270px;"> &nbsp; <a
											id="newLoginValidateCodeImg"
											onclick="changeValidateCode('loginValidateCodeImg')" href="#"
											style="position: absolute; left: 240px; top: 10px;"> <font
												color="red">看不清</font>
										</a></td>
									</tr>
									<tr style="height: 25px;">
										<td></td>
										<td class="errorInform"><span id="loginErrorMsg"></span>
										</td>
									</tr>
								</table>
								<br /> <br /> <input id="login" type="submit"
									style="width: 88%;" class="btn btn-primary btn-lg" value="登录" />
								<br /> <br /> <a style="width: 88%;"
									href="${ctx }/blogEssay/main" class="btn btn-primary btn-lg">返回首页</a>
								<br /> <br /> <br /> <br />
							</form>
						</div>
					</div>
				</div>
				<div role="tabpanel" class="tab-pane" id="li2">
					<div class="panel panel-default">
						<div class="li22">
							<!-- 注册 -->
							<form id="registForm">
								<br /> <br />
								<table>
									<tr>
										<td style="font-size: 20px;">用户名：</td>
										<td style="width: 300px; position: relative;"><input
											type="text" name="nickName"
											style="width: 86%; height: 40px; border-radius: 4px;" /></td>
									</tr>
									<tr style="height: 20px;"></tr>
									<tr>
										<td style="font-size: 20px;">邮箱：</td>
										<td style="width: 300px; position: relative;"><input
											type="text" name="email"
											style="width: 86%; height: 40px; border-radius: 4px;" /></td>
									</tr>
									<tr style="height: 20px;"></tr>
									<tr>
										<td style="font-size: 20px;">密码：</td>
										<td style="position: relative;"><input type="password"
											name="password" id="userpassword"
											style="width: 86%; height: 40px; border-radius: 4px;" /></td>
									</tr>
									<tr style="height: 20px;"></tr>
									<tr>
										<td style="font-size: 20px;">确认密码：</td>
										<td style="position: relative;"><input type="password"
											name="conformuserpassword"
											style="width: 86%; height: 40px; border-radius: 4px;" /></td>
									</tr>
									<tr style="height: 20px;"></tr>
									<tr>
										<td style="font-size: 20px;">验证码：</td>
										<td style="position: relative;"><input type="text"
											id="registValidateCode" name="registValidateCode"
											style="width: 38%; height: 40px; border-radius: 4px;" /> <img
											id="registValidateCodeImg" alt="验证码"
											src="${ctx}/userAccount/validateCode"
											style="position: absolute; left: -270px;"> &nbsp; <a
											id="newRegistValidateCodeImg"
											onclick="changeValidateCode('registValidateCodeImg')"
											href="#" style="position: absolute; left: 240px; top: 10px;">
												<font color="red">看不清</font>
										</a></td>
									</tr>
									<tr style="height: 25px;">
										<td></td>
										<td class="errorInform"><span id="registErrorMsg"></span>
										</td>
									</tr>
								</table>
								<br /> <input id="register" type="submit" style="width: 87%;"
									class="btn btn-primary btn-lg" value="注册" /> <br /> <br /> <input
									style="width: 87%;" class="btn btn-primary btn-lg" value="返回主页"
									onclick="back()" /> <br /> <br />
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="footer ">觅爱情 @copyright</div>
</body>
</html>